.el-tree {
    position: relative;
    cursor: default;
    background: #fff;
    color: #606266; }
    .el-tree__empty-block {
      position: relative;
      min-height: 60px;
      text-align: center;
      width: 100%;
      height: 100%; }
    .el-tree__empty-text {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #5b5d78; }
    .el-tree__drop-indicator {
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #1876EF; 
    }
  
  .el-tree-node {
    white-space: nowrap;
    outline: none; }
    .el-tree-node:focus {
      /* focus */ 
    }
    .el-tree-node:focus > .el-tree-node__content {
      background-color: #f5f7fa;
    }
    // 拖拽css
    .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
      background-color: #1876EF;
      color: #fff; 
    }
    // 拖拽css
    .el-tree-node.is-drop-inner > .el-tree-node__content {
      border:1px dashed red;
      background-color: #188fff9a;
      color: #fff; 
    }
    .el-tree-node__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 26px;
      cursor: pointer; }
      .el-tree-node__content > .el-tree-node__expand-icon {
        padding: 6px; 
      }
      .el-tree-node__content > .el-checkbox {
        margin-right: 8px; 
      }
      .el-tree-node__content:hover {
        background-color: #9fbfd4; 
      }
      .el-tree.is-dragging .el-tree-node__content {
        cursor: move; 
      }
      .el-tree.is-dragging .el-tree-node__content * {
        pointer-events: none; 
      }
      .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
        cursor: not-allowed; 
      }
    .el-tree-node__expand-icon {
      cursor: pointer;
      color: #c0c4cc;
      font-size: 12px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
      .el-tree-node__expand-icon.expanded {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
      .el-tree-node__expand-icon.is-leaf {
        color: transparent;
        cursor: default; }
    .el-tree-node__label {
      font-size: 14px; }
    .el-tree-node__loading-icon {
      margin-right: 8px;
      font-size: 14px;
      color: #c0c4cc; }
    .el-tree-node > .el-tree-node__children {
      overflow: hidden;
      background-color: transparent; }
    .el-tree-node.is-expanded > .el-tree-node__children {
      display: block; }
  
  .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #0099ff;
    color: white; 
  }

  // 拖拽css before after
  .el-tree__drop-indicator::before {
    content:"";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    left:-6px;
    margin-top: -2px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #409eff;
    -webkit-transform-origin: 75% 25%;
    -webkit-transform: rotateZ(45deg);
    -webkit-transition: 100ms ease-in .1s;
    transition: 100ms ease-in .1s;
  }
  .el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    margin-bottom: 10px;
    background-color: #409eff
  }
  .el-tree__drop-indicator::after {
    content:"";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    right: -4px;
    margin-top: -2px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #409eff;
    -webkit-transform-origin: 75% 25%;
    -webkit-transform: rotateZ(-135deg);
    -webkit-transition: 100ms ease-in .1s;
    transition: 100ms ease-in .1s;
  }

  .mytree ::v-deep{
    .el-tree > .el-tree-node:after {
    border-top: none;
  }
  .el-tree-node {
    position: relative;
    padding-left: 10px;
  }
  //结点有间隙，隐藏掉展开按钮就好了,如果觉得空隙没事可以删掉
  .el-tree-node__expand-icon.is-leaf{
    // display: none;
    color: transparent;
    border-top: 1px solid #4386c6;
    height: 3px;
    top: 12px;
    width: 8px;
    margin-right: 8px;
  }
  .el-tree-node__children {
    padding-left: 20px;
  }

  .el-tree-node :last-child:before {
    height: 20px;
  }

  .el-tree > .el-tree-node:before {
    border-left: none;
  }

  .el-tree > .el-tree-node:after {
    border-top: none;
  }

  .el-tree-node:before {
    content: "";
    left: 2px;
    position: absolute;
    right: auto;
    border-width: 1px;
  }

  .el-tree-node:after {
    content: "";
    left: 2px;
    position: absolute;
    right: auto;
    border-width: 1px;
  }

  .el-tree-node:before {
    border-left: 1px solid #4386c6;
    bottom: 0px;
    height: 100%;
    top: -8px;
    width: 1px;
  }

  // .el-tree-node:after {
  //   border-top: 1px solid #4386c6;
  //   height: 20px;
  //   top: 12px;
  //   width: 8px;
  // }
}